<template>
    <view>
		
        <view class="container">
            <view class="jobinfo"  v-if="is_user == 0">
                <view class="header">
                    <view class="left_">
                        <view class="jobtitle" style="padding-left: 20rpx">
                            <view>{{ data.name }}</view>
                        </view>

                        <view class="joblabel" style="padding-left: 20rpx">
                            <view>{{ data.sex == 1 ? '男' : '女' }} | {{ data.age }}岁 | {{ data.express }} | {{ data.education }}</view>
                        </view>
						<view class="joblabel" style="padding-left: 20rpx">
						    <!-- <view>毕业院校：{{ userinfo.alma_mater }} | 专业：{{ userinfo.major }} | 联系电话：{{ userinfo.tel }}</view> -->
							<view>毕业院校：{{ userinfo.alma_mater }} | 专业：{{ userinfo.major }}</view>
						</view>
                    </view>

                    <view class="right_">
                        <image :src="data.avatarUrl"></image>
                        <image :src="'../../imgs/icon/' + (data.sex == 1 ? 'man' : 'sex') + '.png'" class="footimg" style="width: 50rpx; height: 50rpx"></image>
                    </view>
                </view>

                <view class="jobwish" style="padding-left: 6rpx">
                    <view>求职意向</view>
                    <view>{{ data.currentname }}</view>
                </view>

                <view class="jobins blod">{{ data.jobcatename }}</view>

                <view class="joblabel">
                    <view>{{ data.money }} | {{ data.areaname }} | {{ worktype.name }} | {{ current.name }}</view>
                </view>
            </view>
			
			<view class="jobinfo"  v-if="is_user == 1">
			    <view class="header">
			        <view class="left_">
			            <view class="jobtitle" style="padding-left: 20rpx">
			                <view>{{ userinfo.realname }}</view>
			            </view>
			
			            <view class="joblabel" style="padding-left: 20rpx">
			                <view>{{ data.gender == 1 ? '男' : '女' }} | {{ data.age }}岁 | 无经验 | {{ data.educationa }}</view>
			            </view>
						<view class="joblabel" style="padding-left: 20rpx">
						    <view>毕业院校：{{ userinfo.alma_mater }} | 专业：{{ userinfo.major }} | 联系电话：{{ userinfo.tel }}</view>
						</view>
			        </view>
			
			        <view class="right_">
			            <image :src="data.avatarUrl"></image>
			            <image :src="'../../imgs/icon/' + (data.sex == 1 ? 'man' : 'sex') + '.png'" class="footimg" style="width: 50rpx; height: 50rpx"></image>
			        </view>
			    </view>
			<!-- 
			    <view class="jobwish" style="padding-left: 6rpx">
			        <view>求职意向</view>
			        <view>{{ data.currentname }}</view>
			    </view>
			
			    <view class="jobins blod">{{ data.jobcatename }}</view>
			
			    <view class="joblabel">
			        <view>{{ data.money }} | {{ data.areaname }} | {{ worktype.name }} | {{ current.name }}</view>
			    </view> -->
			</view>

            <view class="jobdetail" v-if="is_user == 0">
                <view class="jobtitle" style="padding-left: 20rpx">工作经历</view>
            </view>

            <view class="cu-timeline" v-for="(item, index) in expresslist" :key="index" v-if="is_user == 0">
                <view class="cu-time">{{ item.jobtitle }}</view>

                <view class="cu-item">
                    <view class="content">
                        <text>{{ item.begindatejob }}到{{ item.enddatejob }}</text>
                        【{{ item.companyname }}】
                    </view>
                </view>
            </view>

            <view class="jobdetail" v-if="is_user == 0">
                <view class="jobtitle" style="padding-left: 20rpx">教育经历</view>
            </view>

            <view class="cu-timeline" v-for="(item, index) in edulist" :key="index" v-if="is_user == 0">
                <view class="cu-time">{{ item.school }}</view>

                <view class="cu-item">
                    <view class="content">
                        <text>{{ item.begindateschool }}到{{ item.enddateschool }}</text>
                        【{{ item.vocation }}】 {{ item.educationname }}
                    </view>
                </view>
            </view>

            <view class="jobdetail" v-if="is_user == 0">
                <view class="jobtitle" style="padding-left: 20rpx">个人介绍</view>
            </view>
            <view class="contentlist" style="padding: 20rpx;" v-if="is_user == 0">
                <rich-text :nodes="data.content"></rich-text>
            </view>

            <!--
 <view class="jobtips">
 <view>
  若该简历为广告简历或无意义简历乱写、乱填、您可以
 </view>
  <view class="suggest">
         <view><image src="../../resource/img/jb.png"></image></view>
       <view>举报</view>
  
  </view>
 </view>


 -->
        </view>

       <!-- <view class="weixinmao-float">
            <view class="weixinmao-foot">
                <view class="footer">
                    <button open-type="share"><text class="fa fa-share-square-o fa-lg"></text></button>
                </view>

                <view class="footer" @tap="doCheckCall" :data-tel="data.tel">
                    <text class="fa fa-phone fa-lg"></text>
                    电话
                </view>

                <view class="footer" @tap="doSendmsg" :data-id="data.companyid">
                    邀请面试

                    <button class="footerbutton"  style='background:#fe552e; font-size:.8rem; height:100rpx;' bindtap="doSendmsg"   >邀请面试</button>
                </view>
            </view>
        </view> -->

        <!-- <view class="weixinmao-msg-userinfo" v-if="!isGetLook">
            <view class="weixinmao-content-userinfo">
                <view class="userinfo-title">查看简历</view>

                <view class="userinfo-content">
                    <view>1、企业用户登录后，购买套餐即可查看</view>
                    <view>2、点击联系将消耗一次查看简历次数</view>
                    <view>3、一份简历只消耗一次简历次数</view>
                </view>

                <view class="userinfo-button">
                    <button  bindtap="toLookUser">我是普通用户,点击查看</button>
                    <button @tap="toLookCompany">联系求职者</button>
                </view>
            </view>
        </view> -->
    </view>
</template>

<script>
import { Note } from '../findworker/note-model.js';
var note = new Note(); //实例化 首页 对象
import { Lookrolerecord } from '../../model/lookrolerecord-model.js';
var lookrolerecord = new Lookrolerecord();
import { Token } from '../../utils/token.js';
var token = new Token();
export default {
    data() {
        return {
            id: 0,
            isLook: true,
            isGetLook: true,
			userinfo: {
				major: '',
				tel: '',
				alma_mater: ''
			},
            data: {
                name: '',
                sex: 0,
                age: '',
                express: '',
                education: '',
                avatarUrl: '',
                currentname: '',
                jobcatename: '',
                money: '',
                areaname: '',
                content: '',
                tel: '',
                companyid: ''
            },

            expresslist: '',
            edulist: '',
            companyid: '',

            current: {
                name: ''
            },

            worktype: {
                name: ''
            },

            helplab: '',
			is_user:8
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (e) {
        this.onLoadClone3389(e);
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        var that = this;
        return {
            title: that.title,
            path: '/pages/workerdetail/index?id=' + that.id
        };
    },
    methods: {
        /**
         * 生命周期函数--监听页面加载
         */
        onLoadClone3389: function (e) {
            var that = this;
            uni.showShareMenu({
                withShareTicket: true,
                menus: ['shareAppMessage', 'shareTimeline']
            });
            if (that.id > 0) {
                var id = that.id;
            } else {
                var id = e.id;
                that.id = e.id;
            }
            var companyid = 0;
            if (uni.getStorageSync('companyid') > 0) {
                companyid = uni.getStorageSync('companyid');
            }
            var params = {
                id: that.id,
                companyid: companyid
            };
            note.getNoteDetailData((data) => {
                that.isLook = data.isLook;
                uni.setNavigationBarTitle({
                    title: data.noteinfo.name
                });
                that.title = data.noteinfo.name;
                var express = data.expresslist;
                var companyid = 0;
                if (uni.getStorageSync('companyid') > 0) {
                    companyid = uni.getStorageSync('companyid');
                }
                that.setData({
                    isLook: that.isLook,
                    data: data.noteinfo,
					userinfo: data.userinfo,
                    expresslist: data.expresslist,
                    edulist: data.edulist,
                    companyid: companyid,
                    current: data.current,
                    worktype: data.worktype,
                    helplab: data.helplab,
					is_user:data.is_user
                });
				
				// that.is_user = data.is_user
				console.log('是否是用户啊')
				console.log('is_user',data.is_user)
				console.log(that.is_user)
				this.$forceUpdate()
                uni.hideNavigationBarLoading(); //完成停止加载
                uni.stopPullDownRefresh();
            }, params);
        },

        toSelectlook: function () {
            var that = this;
            that.isGetLook = false;
            that.setData({
                isGetLook: that.isGetLook
            });
        },

        toLookUser: function () {
            var that = this;
            var params = {
                noteid: that.id
            };
            lookrolerecord.dealLookroleRecord((data) => {
                if (data.error == 0) {
                    that.isGetLook = true;
                    that.setData({
                        isGetLook: that.isGetLook
                    });
                    that.onLoadClone3389({});
                } else {
                    uni.showModal({
                        title: '提示',
                        content: data.msg,
                        showCancel: false,
                        success: function () {
                            uni.navigateTo({
                                url: '/pages/lookrole/index'
                            });
                        }
                    });
                }
            }, params);
        },

        toLookCompany: function () {
            var that = this;
            var ctoken = uni.getStorageSync('ctoken');
            if (ctoken) {
                var params = {
                    noteid: that.id,
                    ctoken: ctoken
                };
                lookrolerecord.dealLookRecord((data) => {
                    if (data.error == 0) {
                        that.isGetLook = true;
                        that.setData({
                            isGetLook: that.isGetLook
                        });
                        //that.onLoad();
                        //开始打电话

                        var tel = data.tel;
                        uni.makePhoneCall({
                            phoneNumber: tel,
                            //此号码并非真实电话号码，仅用于测试
                            success: function () {
                                console.log('拨打电话成功！');
                            },
                            fail: function () {
                                console.log('拨打电话失败！');
                            }
                        });
                    } else {
                        uni.showModal({
                            title: '提示',
                            content: data.msg,
                            showCancel: false,
                            success: function () {
                                uni.navigateTo({
                                    url: '/pages/lookrole/index'
                                });
                            }
                        });
                    }
                }, params);
            } else {
                uni.navigateTo({
                    url: '/pages/companylogin/index'
                });
            }
        },

        doCall: function (e) {
            console.log(e.currentTarget);
            var tel = e.currentTarget.dataset.tel;
            uni.makePhoneCall({
                phoneNumber: tel,
                //此号码并非真实电话号码，仅用于测试
                success: function () {
                    console.log('拨打电话成功！');
                },
                fail: function () {
                    console.log('拨打电话失败！');
                }
            });
        },

        doCheckCall: function (e) {
            var that = this;
            var ctoken = uni.getStorageSync('ctoken');
            if (ctoken) {
                if (that.isLook == true) {
                    var tel = e.currentTarget.dataset.tel;
                    uni.makePhoneCall({
                        phoneNumber: tel,
                        //此号码并非真实电话号码，仅用于测试
                        success: function () {
                            console.log('拨打电话成功！');
                        },
                        fail: function () {
                            console.log('拨打电话失败！');
                        }
                    });
                } else {
                    that.isGetLook = false;
                    that.setData({
                        isGetLook: that.isGetLook
                    });
                }
            } else {
                uni.navigateTo({
                    url: '/pages/companylogin/index'
                });
            }
        },

        doSendmsg: function () {
            var that = this;
            var ctoken = uni.getStorageSync('ctoken');
            if (ctoken) {
                uni.showModal({
                    title: '邀请面试',
                    content: '确认邀请面试？',
                    success: function (res) {
                        if (res.confirm) {
                            var params = {
                                noteid: that.id,
                                ctoken: ctoken
                            };
                            token.verify(
                                note.sendinvatejob((data) => {
                                    if (data.status == 3) {
                                        uni.navigateTo({
                                            url: '/pages/companylogin/index'
                                        });
                                    } else {
                                        uni.showToast({
                                            title: data.msg,
                                            icon: 'none',
                                            duration: 2000
                                        });
                                    }
                                }, params)
                            );
                        }
                    }
                });
            } else {
                uni.navigateTo({
                    url: '/pages/companylogin/index'
                });
            }
        }
    }
};
</script>
<style>
page {
    background-color: #f8f8f9;
}
.container {
    background-color: #f8f8f9;
    min-height: 100%;
}

.header {
    display: flex;
    flex-direction: row;
    background: #fff;
    width: 100%;
}
.header .left_ {
    width: 540rpx;
}

.right_ {
    width: 200rpx;
    display: flex;
    flex-direction: column;
    position: relative;
}

.footimg {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    left: 120rpx;
    right: 0;
    top: 90rpx;
}
.right_ image {
    width: 150rpx;
    height: 150rpx;
    border-radius: 50%;
}

.container .title .jobtitle {
    width: 560rpx;
    height: 400rpx;
    background: #fff;
    margin-top: -200rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40rpx;
    padding-left: 20rpx;
}
.container .title .jobtitle .jobname {
    font-weight: 600;
    font-size: 1.2rem;
}
.container .title .jobtitle .redtitle {
    background: #fff9f0;
    color: #ff9102;
    font-size: 0.8rem;
    margin-top: 20rpx;
    padding: 5rpx;
}

.container .title .jobtitle .jobdata {
    width: 730rpx;
    display: flex;
    flex-direction: row;
    justify-content: baseline;
    margin-top: 80rpx;
}

.container .title .jobtitle .jobdata .jobdataleft {
    display: flex;
    flex-direction: column;
    width: 325rpx;
    align-items: center;
}

.container .title .jobtitle .jobdata .jobdataleft view:nth-child(1) {
    color: #fd725c;
    font-size: 0.8rem;
    font-weight: bold;
}

.container .title .jobtitle .jobdata .jobdataleft view:nth-child(2) {
    color: #999999;
    font-size: 0.8rem;
}

.container .title .jobtitle .jobdata .jobdataright {
    display: flex;
    flex-direction: column;
    width: 325rpx;
    align-items: center;
}

.container .title .jobtitle .jobdata .jobdataright view:nth-child(2) {
    color: #999999;
    font-size: 0.8rem;
}

.container .title .jobtitle .jobdata .jobdataright view:nth-child(1) {
    color: #fd725c;
    font-size: 0.8rem;
    font-weight: bold;
}
.container .jobinfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding-top: 30rpx;
    padding-bottom: 10rpx;
}

.container .jobinfo .jobtitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.container .jobinfo .jobtitle view:nth-child(1) {
    font-weight: bold;
    font-size: 1.2rem;
}

.container .jobinfo .joblabel {
    width: 730rpx;
    display: flex;
    flex-direction: column;

    margin-top: 20rpx;
    font-size: 14px;
    color: #7b7a7a;
}

.jobins {
    width: 730rpx;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 20rpx;
    font-size: 14px;
    color: #7b7a7a;
    padding-left: 20rpx;
}

.jobwish {
    width: 730rpx;
    display: flex;
    flex-direction: row;
    margin-top: 30rpx;
}
.jobwish view {
    height: 40px;
    line-height: 40px;
}
.jobwish view:nth-child(1) {
    font-weight: bold;
    font-size: 18px;
}
.jobwish view:nth-child(2) {
    font-size: 14px;
    color: #7b7a7a;
    margin-left: 20rpx;
}
.blod {
    font-weight: bold;
    font-size: 13px;
    color: #000;
}

.advmoney {
    width: 100%;
}

.container .jobinfo .special {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 30rpx;
    font-size: 0.8rem;
    width: 730rpx;
}
.container .jobinfo .special .item {
    padding-left: 15rpx;
    padding-right: 15rpx;
    padding-top: 10rpx;
    padding-bottom: 10rpx;

    border-radius: 5rpx;
    margin-right: 10rpx;
    margin-bottom: 15rpx;
    background: #f6f6f4;
    color: #888888;
}

.container .joblabel view {
    padding-left: 15rpx;
    padding-right: 15rpx;
    padding-top: 10rpx;
    padding-bottom: 10rpx;

    border-radius: 5rpx;
    margin-right: 10rpx;
    margin-bottom: 15rpx;
}

.container .companyinfo {
    margin-top: 10rpx;
    width: 730rpx;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-bottom: 0rpx solid #e5e5e5;
}

.container .companyinfo image {
    width: 150rpx;
    height: 150rpx;
    align-self: center;
}
.company {
    background: #fff;
    display: flex;
    flex-direction: column;
    margin-top: 10rpx;
    width: 730rpx;
}

.container .companyinfo .companyname {
    width: 730rpx;
    display: flex;
    flex-direction: column;
    margin-left: 1%;
    padding-top: 10rpx;
    padding-bottom: 40rpx;
}
.container .companyinfo .companyname view:nth-child(1) {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.container .companyinfo .companyname view:nth-child(2) {
    font-size: 0.9rem;
    color: #777676;
    margin-top: 15rpx;
}
.container .companyinfo .companyname view:nth-child(3) {
    font-size: 0.9rem;
    color: #777676;
    margin-top: 15rpx;
}
.container .companyaddress {
    padding-left: 20rpx;
    padding-top: 20rpx;

    font-size: 0.8rem;
}

.container .contentlist {
    margin-top: 10rpx;
    width: 730rpx;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.contentlist text {
    align-self: center;
    font-size: 14px;
    color: #000;
}
.container .contentlist .title {
    width: 730rpx;
    height: 80rpx;
    line-height: 80rpx;
    font-size: 0.9rem;
    border-bottom: 0rpx solid #efefef;
    display: flex;
    flex-direction: row;
    align-content: center;
}

.container .contentlist .title view:nth-child(1) {
    height: 40rpx;
    line-height: 40rpx;
    width: 6rpx;
    background: #3274e5;
    align-self: center;
}
.container .contentlist .title view:nth-child(2) {
    height: 80rpx;
    line-height: 80rpx;
    width: 200rpx;
    padding-left: 15rpx;
}
.container .contentlist .listitem {
    width: 730rpx;
    display: flex;
    flex-direction: column;
}
.container .contentlist .listitem .items {
    padding-left: 30rpx;
    color: #777676;
    height: 60rpx;
    line-height: 60rpx;
    font-size: 0.8rem;
    border-bottom: 0rpx dotted #e5e5e5;
}
.container .contentlist .listitem .items text {
    color: #7b7a7a;
    padding-left: 10rpx;
}

.list button {
    width: 600rpx;
    background: #62c7b5;
    color: #fff;
    font-size: 0.8rem;
    margin-top: 10rpx;
}

.container .jobdetail {
    background: #fff;
    margin-top: 20rpx;
    display: flex;
    flex-direction: column;
    width: 730rpx;
    align-items: center;
    border-bottom: 0rpx solid #eeeeee;
}

.container .jobdetail .jobtitle {
    font-weight: bold;
    font-size: 18px;
    width: 730rpx;
    padding-top: 20rpx;
    padding-bottom: 20rpx;
}

.container .jobcontent {
    background: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.jobfiled {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.jobfiled view {
    padding: 15rpx;
    width: 320rpx;
    color: #888888;
    font-size: 0.8rem;
}
.jobfiled2 {
    color: #888888;
    font-size: 0.9rem;
    width: 720rpx;
}
.container .jobcontent .detail2 {
    width: 700rpx;
    padding-top: 20rpx;
    padding-bottom: 20rpx;
    color: #777676;
    font-size: 0.8rem;
}

.jobtips {
    width: 730rpx;
    display: flex;
    flex-direction: row;

    background: #fff7de;
    padding: 10rpx;
    margin-top: 30rpx;
}
.jobtips view:nth-child(1) {
    width: 550rpx;
    font-size: 0.7rem;
    color: #ff6948;
}

.jobtips view:nth-child(2) {
    width: 100rpx;
    font-size: 0.7rem;
    color: #007aaf;
}

.suggest {
    display: flex;
    flex-direction: column;
}
.suggest image {
    width: 50rpx;
    height: 50rpx;
}

.weixinmao-float {
    height: 150rpx;
}
.weixinmao-foot {
    display: flex;
    justify-content: center;
    flex-direction: row;
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding-top: 10rpx;
}

.footer button {
    color: #747474;
    align-self: center;
    height: 80rpx;
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    text-align: center;
    padding-top: 10rpx;
    border: 0rpx;
}

button::after {
    border: none;
}
.weixinmao-foot view:nth-child(1) {
    color: #fff;
    align-self: center;
    height: 100rpx;
    font-size: 0.9rem;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    width: 20%;
    text-align: center;
    padding-top: 20rpx;
    margin-bottom: 5rpx;
    border-radius: 5rpx;
}
.weixinmao-foot view:nth-child(2) {
    color: #6e6d6b;
    align-self: center;
    height: 100rpx;
    font-size: 0.9rem;
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 20%;
    text-align: center;
    padding-top: 20rpx;
    margin-bottom: 5rpx;
}

.black {
    color: #777676;
}
.red {
    color: red;
}
.weixinmao-foot view:nth-child(3) {
    color: #fff;
    align-self: center;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    font-size: 0.9rem;
    display: flex;
    flex-direction: column;
    background: #fe552e;
    width: 55%;
    border-radius: 5rpx;
}

.weixinmao-foot view image {
    width: 50rpx;
    height: 50rpx;
    align-self: center;
}

.footerbutton {
    background: #fe552e;
}

.weixinmao-float_pay {
    height: 150rpx;
}
.weixinmao-foot_pay {
    display: flex;
    justify-content: center;
    flex-direction: row;
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #1aac19;
}

.weixinmao-foot_pay view {
    color: #fff;
    align-self: center;
    height: 100rpx;
    line-height: 100rpx;
    font-size: 0.9rem;
    display: flex;
    flex-direction: row;
}
.weixinmao-foot_pay view image {
    width: 70rpx;
    height: 70rpx;
    align-self: center;
}

.weixinmao-msg-userinfo {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 2001;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.weixinmao-content-userinfo {
    width: 650rpx;
    height: 500rpx;
    z-index: 4001;
    background: #fff;
    align-self: center;
    border-radius: 15rpx;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.weixinmao-content-userinfo .userinfo-title {
    align-self: center;
    font-size: 1.2rem;
    margin-top: 40rpx;
}

.weixinmao-content-userinfo .userinfo-content {
    align-self: left;
    font-size: 0.9rem;
    padding: 25rpx;
    display: flex;
    flex-direction: column;
    align-items: left;
    color: #999999;
}

.userinfo-button {
    display: flex;
    flex-direction: column;
    width: 650rpx;

    align-items: baseline;
    padding-bottom: 20rpx;
}
.userinfo-button button {
    background: #44b549;
    font-size: 0.8rem;
    color: #fff;
    width: 400rpx;
    margin-bottom: 20rpx;
}
.userinfo-button button:nth-child(2) {
    background: #e93609;
}

.weixinmao-msg-usertel {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 2001;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.weixinmao-content-usertel {
    width: 550rpx;
    height: 350rpx;
    z-index: 4001;
    background: #fff;
    align-self: center;
    border-radius: 5rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.weixinmao-content-usertel .usertel-title {
    align-self: left;
    margin-left: 40rpx;
    font-size: 1.2rem;
    margin-top: 40rpx;
}

.weixinmao-content-usertel .usertel-content {
    align-self: left;
    margin-left: 40rpx;
    font-size: 0.9rem;
    margin-top: 40rpx;
}
.usertel-button {
    display: flex;
    flex-direction: row;
    width: 400rpx;
}
.usertel-button button {
    background: #fff;
    font-size: 0.8rem;
}
.usertel-button button:nth-child(2) {
    color: #d65408;
}

button::after {
    border: none;
}
</style>
